<!--
 * @Description  : 
 * @Author       : jiangxiaoying
 * @Date         : 2021-02-01 10:38:33
 * @LastEditTime : 2021-03-22 15:59:53
 * @LastEditors  : 陈韵同
 * @FilePath     : e:\协同云组件库\新建文件夹 (2)\cloud-components\docs\pages\components\cloud-tree\example1.vue
-->
<template>
  <div>
    <CloudTree
      style="width: 130px"
      :treeData="treeData"
      :default-expanded-keys="['123', '456']"
      :isShowIcon="true"
    ></CloudTree>
  </div>
</template>

<script>
export default {
  title: '1.基础用法',
  subTitle: '最简单的用法',
  data() {
    return {
      treeData: [{
        title: 123,
        key: 123,
        isParent: true,
        children: [{
          title: '456456456',
          key: 456,
          iconName: 'table',
          children: [{
            title: '999999',
            key: 999
          }, {
            title: 99,
            key: 99
          }]
        }, {
          title: 789,
          key: 789,
          iconName: 'table'
        }, {
          title: 111,
          key: 111,
          iconName: 'table'
        }, {
          title: 222,
          key: 222,
          iconName: 'table'
        }, {
          title: 333,
          key: 333,
          iconName: 'table',
          children: [{
            title: '666',
            key: 666
          }, {
            title: 66,
            key: 66
          }]
        }]
      }]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>